
// 集成VueRouter插件
/**
  前5步(固定):
  1. 下载插件 yarn add vue-router@3.6.5
  2. 引入
  3. 注册使用
  4. 创建路由对象
  5. 注入, 放入new Vue({}), 建立关联
 */
import VueRouter from 'vue-router'
import Vue from 'vue'

// 推荐使用绝对路径
// @指向了src目录
import Find from '@/views/Find.vue'
import Friend from '@/views/Friend.vue'
import My from '@/views/My.vue'


Vue.use(VueRouter)

const router = new VueRouter({
  // 配置路由关系映射表(对象数组)
  routes: [
    { path: '/find', component: Find },
    { path: '/friend', component: Friend },
    { path: '/my', component: My }
  ],
  // 自己定制高亮样式类名
  linkActiveClass: 'active',
  linkExactActiveClass: 'exact-active'
})

export default router